<#include "../_inc/_layout.html"/>
<#macro script>

var reload = false;
function openlayer(id){
	reload = false;
 	layer.open({
			    type: 2,
			    title: '查看附件',
			    shadeClose: true,
			    shade: 0.8,
			    area: ['70%', '70%'],
			    content: '${CPATH}/admin/attachment/detail_layer?id='+id,
			    end:function(){
			    	if(reload){
			    		location.reload();
			    	}
			    }
			}); 
 
 }
</#macro> 
<@layout active_id=p child_active_id=c>
<section class="content-header">
	<h1>
		附件信息
	</h1>
</section>

<!-- Main content -->
<section class="content">

	<div class="row content-row">
			<div class="jp-left ">
				<select style="width: 150px" class="form-control input-sm"  >
					<option value="all">所有多媒体项目</option>
					<option value="image">图像</option>
					<option value="audio">音频</option>
					<option value="video">视频</option>
					<option value="unattached">尚未附加</option>

				</select>
			</div>

			<div class="jp-left ">
				<select style="width: 150px" class="form-control input-sm"  >
					<option value="all">全部日期</option>
					<option value="0">2016年一月</option>

				</select>
			</div>
			<div class="jp-left ">
				<button class="btn  btn-sm btn-default" type="button">筛选</button>
			</div>
			<div class="jp-right ">
					<label class="sr-only"></label> <input class="form-control jp-inp-width280" type="text" placeholder="搜索">
			</div>
	</div>
	<div class="col-xs-12  ">
		<div class="row">
			<div class="box ">
				<div class="box-body ">


					<div class="col-xs-12 ">
						<div class="row">
							<ul class="list-inline list-unstyled">
								<#if page??> <#list page.getList() as bean>
								<li>
									<img src="${bean.path}" class="jp-grids-photos img-responsive" onclick="openlayer('${bean.id}')">
								</li>
								</#list> </#if>
							</ul>

						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
	<div class="cf">
		<div class="pull-right "><#include "../_inc/_paginate_wrapper.html" /></div>
	</div>
	<!-- /.row -->
</section>
<!-- /.content -->
</@layout>
